<template>
    <div class="expert">
        <Ope
            :ifAdd="true"
            :ifDel="true"
            addFun="addData"
            delFun="delData"
            @addData="addData"
            @delData="delData"
        ></Ope>
        <Table
            @lookExpertInfo="lookExpertInfo"
        ></Table>
        <Dialog ref="dialog"></Dialog>
        <DialogAdd ref="dialogAdd"></DialogAdd>
    </div>
</template>

<script>
import Table from './Table'
import Dialog from './Dialog'
import DialogAdd from './DialogAdd'
import Ope from 'template/Ope'

export default {
    components: {
        Table,
        Dialog,
        DialogAdd,
        Ope
    },
    name: 'Expert',
    mounted() {
        
    },
    methods: {
        addData () {
            this.$refs.dialogAdd.show();
        },
        delData () {

        },
        lookExpertInfo (index) {
            this.$refs.dialog.show();
        }
    }
}
</script>

<style lang="stylus" scoped>
    .expert
        width 100%
        height 100%
</style>


